@import '~antd/es/style/themes/default.less';
@import './utils/utils.less';

.cardList {
  .card {
    :global {
      .ant-card-meta-title {
        margin-bottom: 12px;
        & > a {
          display: inline-block;
          max-width: 100%;
          color: @heading-color;
        }
      }
      .ant-card-body:hover {
        .ant-card-meta-title > a {
          color: @primary-color;
        }
      }
    }
  }
  .item {
    height: 64px;
  }

  :global {
    .ant-list .ant-list-item-content-single {
      max-width: 100%;
    }
  }
}

.extraImg {
  width: 155px;
  margin-top: -20px;
  text-align: center;
  img {
    width: 100%;
  }
}

.newButton {
  width: 100%;
  height: 201px;
  color: @text-color-secondary;
  background-color: @component-background;
  border-color: @border-color-base;
}

.cardAvatar {
  width: 48px;
  height: 48px;
  border-radius: 48px;
}

.cardDescription {
  .textOverflowMulti();
}

.pageHeaderContent {
  position: relative;
}

.contentLink {
  margin-top: 16px;
  a {
    margin-right: 32px;
    img {
      width: 24px;
    }
  }
  img {
    margin-right: 8px;
    vertical-align: middle;
  }
}

@media screen and (max-width: @screen-lg) {
  .contentLink {
    a {
      margin-right: 16px;
    }
  }
}
@media screen and (max-width: @screen-md) {
  .extraImg {
    display: none;
  }
}

@media screen and (max-width: @screen-sm) {
  .pageHeaderContent {
    padding-bottom: 30px;
  }
  .contentLink {
    position: absolute;
    bottom: -4px;
    left: 0;
    width: 1000px;
    a {
      margin-right: 16px;
    }
    img {
      margin-right: 4px;
    }
  }
}

.top {
  .title {
    span {
      font-size: 18px;
    }
  }

  .content {
    position: relative;
    box-sizing: border-box;
    padding: 20px 20px 0;
  }
}

.arco-input-wrapper {
  display: inline-flex;
  box-sizing: border-box;
  width: 100%;
  padding-right: 12px;
  padding-left: 12px;
  color: var(--color-text-1);
  font-size: 14px;
  background-color: rgb(242, 243, 245);
  border: 1px solid transparent;
  border-radius: var(--border-radius-small);
  cursor: text;
  transition: color 0.1s cubic-bezier(0, 0, 1, 1), border-color 0.1s cubic-bezier(0, 0, 1, 1),
    background-color 0.1s cubic-bezier(0, 0, 1, 1);
}

.arco-input-wrapper:hover {
  background-color: var(--color-fill-3);
  border-color: transparent;
}

.arco-input-wrapper:focus-within,
.arco-input-wrapper.arco-input-focus {
  background-color: var(--color-bg-2);
  border-color: rgb(22, 93, 225);
  box-shadow: 0 0 0 0 var(--color-primary-light-2);
}

.arco-input-wrapper.arco-input-disabled {
  color: var(--color-text-4);
  background-color: var(--color-fill-2);
  border-color: transparent;
  cursor: not-allowed;
}

.arco-input-wrapper.arco-input-disabled:hover {
  color: var(--color-text-4);
  background-color: var(--color-fill-2);
  border-color: transparent;
}

.arco-input-wrapper.arco-input-disabled .arco-input-prefix,
.arco-input-wrapper.arco-input-disabled .arco-input-suffix {
  color: inherit;
}

.arco-input-wrapper.arco-input-error {
  background-color: var(--color-danger-light-1);
  border-color: transparent;
}

.arco-input-wrapper.arco-input-error:hover {
  background-color: var(--color-danger-light-2);
  border-color: transparent;
}

.arco-input-wrapper.arco-input-error:focus-within,
.arco-input-wrapper.arco-input-error.arco-input-wrapper-focus {
  background-color: var(--color-bg-2);
  border-color: rgb(var(--danger-6));
  box-shadow: 0 0 0 0 var(--color-danger-light-2);
}

.arco-input-wrapper .arco-input-prefix,
.arco-input-wrapper .arco-input-suffix {
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  white-space: nowrap;
  user-select: none;
}

.arco-input-wrapper .arco-input-prefix > svg,
.arco-input-wrapper .arco-input-suffix > svg {
  font-size: 14px;
}

.arco-input-wrapper .arco-input-prefix {
  padding-right: 12px;
  color: var(--color-text-2);
}

.arco-input-wrapper .arco-input-suffix {
  padding-left: 12px;
  color: var(--color-text-2);
}

.arco-input-wrapper .arco-input-suffix .arco-feedback-icon {
  display: inline-flex;
}

.arco-input-wrapper .arco-input-suffix .arco-feedback-icon-status-validating {
  color: rgb(var(--primary-6));
}

.arco-input-wrapper .arco-input-suffix .arco-feedback-icon-status-success {
  color: rgb(var(--success-6));
}

.arco-input-wrapper .arco-input-suffix .arco-feedback-icon-status-warning {
  color: rgb(var(--warning-6));
}

.arco-input-wrapper .arco-input-suffix .arco-feedback-icon-status-error {
  color: rgb(var(--danger-6));
}

.arco-input-wrapper .arco-input-clear-btn {
  align-self: center;
  color: var(--color-text-2);
  font-size: 12px;
  visibility: hidden;
  cursor: pointer;
}

.arco-input-wrapper .arco-input-clear-btn > svg {
  position: relative;
  transition: color 0.1s cubic-bezier(0, 0, 1, 1);
}

.arco-input-wrapper:hover .arco-input-clear-btn {
  visibility: visible;
}

.arco-input-wrapper:not(.arco-input-focus) .arco-input-icon-hover:hover::before {
  background-color: var(--color-fill-4);
}

.arco-input-wrapper .arco-input {
  width: 100%;
  padding-right: 0;
  padding-left: 0;
  color: inherit;
  line-height: 1.5715;
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
  cursor: inherit;
  -webkit-appearance: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.arco-input-wrapper .arco-input::placeholder {
  color: var(--color-text-3);
}

.arco-input-wrapper .arco-input[disabled]::placeholder {
  color: var(--color-text-4);
}

.arco-input-wrapper .arco-input[disabled] {
  -webkit-text-fill-color: var(--color-text-4);
}

.arco-input-wrapper .arco-input.arco-input-size-mini {
  padding-top: 1px;
  padding-bottom: 1px;
  font-size: 12px;
  line-height: 1.667;
}

.arco-input-wrapper .arco-input.arco-input-size-small {
  padding-top: 2px;
  padding-bottom: 2px;
  font-size: 14px;
  line-height: 1.5715;
}

.arco-input-wrapper .arco-input.arco-input-size-medium {
  padding-top: 4px;
  padding-bottom: 4px;
  font-size: 14px;
  line-height: 1.5715;
}

.arco-input-wrapper .arco-input.arco-input-size-large {
  padding-top: 6px;
  padding-bottom: 6px;
  font-size: 14px;
  line-height: 1.5715;
}

.arco-input-wrapper .arco-input-word-limit {
  color: var(--color-text-3);
  font-size: 12px;
}

.arco-input-outer {
  display: inline-flex;
  width: 100%;
}

.arco-input-outer > .arco-input-wrapper {
  border-radius: 0;
}

.arco-input-outer > :first-child {
  border-top-left-radius: var(--border-radius-small);
  border-bottom-left-radius: var(--border-radius-small);
}

.arco-input-outer > :last-child {
  border-top-right-radius: var(--border-radius-small);
  border-bottom-right-radius: var(--border-radius-small);
}

.arco-input-outer.arco-input-outer-size-mini .arco-input-outer,
.arco-input-outer.arco-input-outer-size-mini .arco-input-wrapper .arco-input-prefix,
.arco-input-outer.arco-input-outer-size-mini .arco-input-wrapper .arco-input-suffix {
  font-size: 12px;
}

.arco-input-outer.arco-input-outer-size-mini .arco-input-wrapper .arco-input-prefix > svg,
.arco-input-outer.arco-input-outer-size-mini .arco-input-wrapper .arco-input-suffix > svg {
  font-size: 12px;
}

.arco-input-outer.arco-input-outer-size-mini .arco-input-prepend,
.arco-input-outer.arco-input-outer-size-mini .arco-input-append {
  font-size: 12px;
}

.arco-input-outer.arco-input-outer-size-mini .arco-input-prepend > svg,
.arco-input-outer.arco-input-outer-size-mini .arco-input-append > svg {
  font-size: 12px;
}

.arco-input-outer.arco-input-outer-size-mini .arco-input-prepend .arco-input {
  width: auto;
  height: 100%;
  margin: -1px -13px -1px -12px;
  border-color: transparent;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.arco-input-outer.arco-input-outer-size-mini .arco-input-prepend .arco-select {
  width: auto;
  height: 100%;
  margin: -1px -13px -1px -12px;
}

.arco-input-outer.arco-input-outer-size-mini .arco-input-prepend .arco-select .arco-select-view {
  background-color: inherit;
  border-color: transparent;
  border-radius: 0;
}

.arco-input-outer.arco-input-outer-size-mini
  .arco-input-prepend
  .arco-select.arco-select-single
  .arco-select-view {
  height: 100%;
}

.arco-input-outer.arco-input-outer-size-mini .arco-input-append .arco-input {
  width: auto;
  height: 100%;
  margin: -1px -12px -1px -13px;
  border-color: transparent;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.arco-input-outer.arco-input-outer-size-mini .arco-input-append .arco-select {
  width: auto;
  height: 100%;
  margin: -1px -12px -1px -13px;
}

.arco-input-outer.arco-input-outer-size-mini .arco-input-append .arco-select .arco-select-view {
  background-color: inherit;
  border-color: transparent;
  border-radius: 0;
}

.arco-input-outer.arco-input-outer-size-mini
  .arco-input-append
  .arco-select.arco-select-single
  .arco-select-view {
  height: 100%;
}

.arco-input-outer.arco-input-outer-size-small .arco-input-outer,
.arco-input-outer.arco-input-outer-size-small .arco-input-wrapper .arco-input-prefix,
.arco-input-outer.arco-input-outer-size-small .arco-input-wrapper .arco-input-suffix {
  font-size: 14px;
}

.arco-input-outer.arco-input-outer-size-small .arco-input-wrapper .arco-input-prefix > svg,
.arco-input-outer.arco-input-outer-size-small .arco-input-wrapper .arco-input-suffix > svg {
  font-size: 14px;
}

.arco-input-outer.arco-input-outer-size-small .arco-input-prepend,
.arco-input-outer.arco-input-outer-size-small .arco-input-append {
  font-size: 14px;
}

.arco-input-outer.arco-input-outer-size-small .arco-input-prepend > svg,
.arco-input-outer.arco-input-outer-size-small .arco-input-append > svg {
  font-size: 14px;
}

.arco-input-outer.arco-input-outer-size-small .arco-input-prepend .arco-input {
  width: auto;
  height: 100%;
  margin: -1px -13px -1px -12px;
  border-color: transparent;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.arco-input-outer.arco-input-outer-size-small .arco-input-prepend .arco-select {
  width: auto;
  height: 100%;
  margin: -1px -13px -1px -12px;
}

.arco-input-outer.arco-input-outer-size-small .arco-input-prepend .arco-select .arco-select-view {
  background-color: inherit;
  border-color: transparent;
  border-radius: 0;
}

.arco-input-outer.arco-input-outer-size-small
  .arco-input-prepend
  .arco-select.arco-select-single
  .arco-select-view {
  height: 100%;
}

.arco-input-outer.arco-input-outer-size-small .arco-input-append .arco-input {
  width: auto;
  height: 100%;
  margin: -1px -12px -1px -13px;
  border-color: transparent;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.arco-input-outer.arco-input-outer-size-small .arco-input-append .arco-select {
  width: auto;
  height: 100%;
  margin: -1px -12px -1px -13px;
}

.arco-input-outer.arco-input-outer-size-small .arco-input-append .arco-select .arco-select-view {
  background-color: inherit;
  border-color: transparent;
  border-radius: 0;
}

.arco-input-outer.arco-input-outer-size-small
  .arco-input-append
  .arco-select.arco-select-single
  .arco-select-view {
  height: 100%;
}

.arco-input-outer.arco-input-outer-size-large .arco-input-outer,
.arco-input-outer.arco-input-outer-size-large .arco-input-wrapper .arco-input-prefix,
.arco-input-outer.arco-input-outer-size-large .arco-input-wrapper .arco-input-suffix {
  font-size: 14px;
}

.arco-input-outer.arco-input-outer-size-large .arco-input-wrapper .arco-input-prefix > svg,
.arco-input-outer.arco-input-outer-size-large .arco-input-wrapper .arco-input-suffix > svg {
  font-size: 14px;
}

.arco-input-outer.arco-input-outer-size-large .arco-input-prepend,
.arco-input-outer.arco-input-outer-size-large .arco-input-append {
  font-size: 14px;
}

.arco-input-outer.arco-input-outer-size-large .arco-input-prepend > svg,
.arco-input-outer.arco-input-outer-size-large .arco-input-append > svg {
  font-size: 14px;
}

.arco-input-outer.arco-input-outer-size-large .arco-input-prepend .arco-input {
  width: auto;
  height: 100%;
  margin: -1px -13px -1px -12px;
  border-color: transparent;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.arco-input-outer.arco-input-outer-size-large .arco-input-prepend .arco-select {
  width: auto;
  height: 100%;
  margin: -1px -13px -1px -12px;
}

.arco-input-outer.arco-input-outer-size-large .arco-input-prepend .arco-select .arco-select-view {
  background-color: inherit;
  border-color: transparent;
  border-radius: 0;
}

.arco-input-outer.arco-input-outer-size-large
  .arco-input-prepend
  .arco-select.arco-select-single
  .arco-select-view {
  height: 100%;
}

.arco-input-outer.arco-input-outer-size-large .arco-input-append .arco-input {
  width: auto;
  height: 100%;
  margin: -1px -12px -1px -13px;
  border-color: transparent;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.arco-input-outer.arco-input-outer-size-large .arco-input-append .arco-select {
  width: auto;
  height: 100%;
  margin: -1px -12px -1px -13px;
}

.arco-input-outer.arco-input-outer-size-large .arco-input-append .arco-select .arco-select-view {
  background-color: inherit;
  border-color: transparent;
  border-radius: 0;
}

.arco-input-outer.arco-input-outer-size-large
  .arco-input-append
  .arco-select.arco-select-single
  .arco-select-view {
  height: 100%;
}

.arco-input-outer-disabled {
  cursor: not-allowed;
}

.arco-input-prepend,
.arco-input-append {
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  box-sizing: border-box;
  padding: 0 12px;
  color: var(--color-text-1);
  white-space: nowrap;
  background-color: var(--color-fill-2);
  border: 1px solid transparent;
}

.arco-input-prepend > svg,
.arco-input-append > svg {
  font-size: 14px;
}

.arco-input-prepend {
  border-right: 1px solid var(--color-neutral-3);
}

.arco-input-prepend .arco-input {
  width: auto;
  height: 100%;
  margin: -1px -12px -1px -13px;
  border-color: transparent;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.arco-input-prepend .arco-select {
  width: auto;
  height: 100%;
  margin: -1px -12px -1px -13px;
}

.arco-input-prepend .arco-select .arco-select-view {
  background-color: inherit;
  border-color: transparent;
  border-radius: 0;
}

.arco-input-prepend .arco-select.arco-select-single .arco-select-view {
  height: 100%;
}

.arco-input-append {
  border-left: 1px solid var(--color-neutral-3);
}

.arco-input-append .arco-input {
  width: auto;
  height: 100%;
  margin: -1px -13px -1px -12px;
  border-color: transparent;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.arco-input-append .arco-select {
  width: auto;
  height: 100%;
  margin: -1px -13px -1px -12px;
}

.arco-input-append .arco-select .arco-select-view {
  background-color: inherit;
  border-color: transparent;
  border-radius: 0;
}

.arco-input-append .arco-select.arco-select-single .arco-select-view {
  height: 100%;
}

.arco-input-group {
  display: inline-flex;
  align-items: center;
}

.arco-input-group > * {
  border-radius: 0;
}

.arco-input-group > *.arco-input-outer > :last-child,
.arco-input-group > *.arco-input-outer > :first-child {
  border-radius: 0;
}

.arco-input-group > *:not(:last-child) {
  position: relative;
  box-sizing: border-box;
}

.arco-input-group > *:first-child,
.arco-input-group > *:first-child .arco-input-group > *:first-child {
  border-top-left-radius: var(--border-radius-small);
  border-bottom-left-radius: var(--border-radius-small);
}

.arco-input-group > *:first-child .arco-select-view,
.arco-input-group > *:first-child .arco-input-group > *:first-child .arco-select-view {
  border-top-left-radius: var(--border-radius-small);
  border-bottom-left-radius: var(--border-radius-small);
}

.arco-input-group > *:last-child,
.arco-input-group > *:last-child .arco-input-outer > *:last-child {
  border-top-right-radius: var(--border-radius-small);
  border-bottom-right-radius: var(--border-radius-small);
}

.arco-input-group > *:last-child .arco-select-view,
.arco-input-group > *:last-child .arco-input-outer > *:last-child .arco-select-view {
  border-top-right-radius: var(--border-radius-small);
  border-bottom-right-radius: var(--border-radius-small);
}

.arco-input-group > .arco-input-wrapper:not(:last-child),
.arco-input-group > .arco-input-outer:not(:last-child),
.arco-input-group > .arco-input-tag:not(:last-child),
.arco-input-group > .arco-select-view:not(:last-child) {
  border-right: 1px solid var(--color-neutral-3);
}

.arco-input-group > .arco-input-wrapper:not(:last-child):focus-within,
.arco-input-group > .arco-input-outer:not(:last-child):focus-within,
.arco-input-group > .arco-input-tag:not(:last-child):focus-within,
.arco-input-group > .arco-select-view:not(:last-child):focus-within {
  border-right-color: rgb(var(--primary-6));
}

.arco-icon {
  display: inline-block;
  width: 1em;
  height: 1em;
  color: inherit;
  font-style: normal;
  vertical-align: -2px;
  outline: none;
  stroke: currentColor;
}

.arco-icon-loading,
.arco-icon-spin {
  animation: arco-loading-circle 1s infinite cubic-bezier(0, 0, 1, 1);
}

@keyframes arco-loading-circle {
  0% {
    transform: rotate(0);
  }

  to {
    transform: rotate(360deg);
  }
}

.arco-icon-hover {
  position: relative;
  display: inline-block;
  line-height: 12px;
  cursor: pointer;
}

.arco-icon-hover .arco-icon {
  position: relative;
}

.arco-icon-hover::before {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  box-sizing: border-box;
  width: 20px;
  height: 20px;
  background-color: transparent;
  background-color: var(--color-fill-2);
  border-radius: var(--border-radius-circle);
  transform: translate(-50%, -50%);
  transition: background-color 0.1s cubic-bezier(0, 0, 1, 1);
  content: '';
}

.arco-icon-hover:hover::before {
  background-color: var(--color-fill-2);
}

.arco-icon-hover.arco-icon-hover-disabled::before {
  opacity: 0;
}

.arco-icon-hover-size-mini {
  line-height: 12px;
}

.arco-icon-hover-size-mini::before {
  top: 50%;
  left: 50%;
  width: 20px;
  height: 20px;
  transform: translate(-50%, -50%);
}

.arco-icon-hover-size-small {
  line-height: 12px;
}

.arco-icon-hover-size-small::before {
  top: 50%;
  left: 50%;
  width: 20px;
  height: 20px;
  transform: translate(-50%, -50%);
}

.arco-icon-hover-size-large {
  line-height: 12px;
}

.arco-icon-hover-size-large::before {
  top: 50%;
  left: 50%;
  width: 24px;
  height: 24px;
  transform: translate(-50%, -50%);
}

.arco-icon-hover-size-huge {
  line-height: 12px;
}

.arco-icon-hover-size-huge::before {
  top: 50%;
  left: 50%;
  width: 24px;
  height: 24px;
  transform: translate(-50%, -50%);
}

.arco-btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  font-weight: 400;
  line-height: 1.5715;
  white-space: nowrap;
  border-radius: 6px;
  outline: none;
  cursor: pointer;
  transition: all 0.1s cubic-bezier(0, 0, 1, 1);
  -webkit-appearance: none;
  user-select: none;
}

.arco-btn-size-medium {
  height: 32px;
  padding: 0 15px;
  font-size: 14px;
  border-radius: 6px;
}

.arco-btn-primary,
.arco-btn-primary[type='button'],
.arco-btn-primary[type='submit'] {
  color: #fff;
  background-color: rgb(22, 93, 255);
  border: 1px solid transparent;
}

.arco-btn-primary:hover,
.arco-btn-primary[type='button']:hover,
.arco-btn-primary[type='submit']:hover {
  color: #fff;
  background-color: rgb(64, 128, 255);
  border-color: transparent;
}

.arco-btn-primary:focus-visible,
.arco-btn-primary[type='button']:focus-visible,
.arco-btn-primary[type='submit']:focus-visible {
  box-shadow: 0 0 0 0.25em rgb(148, 191, 255);
}

.arco-btn-primary:active,
.arco-btn-primary[type='button']:active,
.arco-btn-primary[type='submit']:active {
  color: #fff;
  background-color: rgb(var(--primary-7));
  border-color: transparent;
}

.arco-btn-primary.arco-btn-loading,
.arco-btn-primary[type='button'].arco-btn-loading,
.arco-btn-primary[type='submit'].arco-btn-loading {
  color: #fff;
  background-color: rgb(var(--primary-6));
  border: 1px solid transparent;
}

.arco-btn-primary.arco-btn-disabled,
.arco-btn-primary[type='button'].arco-btn-disabled,
.arco-btn-primary[type='submit'].arco-btn-disabled {
  color: #fff;
  background-color: var(--color-primary-light-3);
  border: 1px solid transparent;
  cursor: not-allowed;
}
